<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        {css file="__ROOT__/static/jqueryui/css/smoothness/jquery-ui-1.10.0.custom.css"/}
        {css file="__PUBLIC__/css/edit.css"/}
        {jquery/}
        {jsconst/}
        {js file="__ROOT__/static/jqueryui/js/jquery-ui-1.10.0.custom.min.js"/}
        {js file="__PUBLIC__/js/config.js"/}
        <script>
            $(function() {
                $( "#tabs" ).tabs();
            });
        </script>
        <style type="text/css">
            .tpl_style{border:solid 1px #999;padding:20px;height:auto; overflow: hidden;}
            .tpl_style li{float:left; width:210px;border:solid 2px #ccc;margin-right:10px;padding:2px;}
            .tpl_style li.select{border:solid 2px #03A8F6;}
            .tpl_style li img{border:solid 1px #eee;padding:3px;}
            .tpl_style li a{text-decoration: none;}
            .tpl_style li a:hover{text-decoration: underline;color: #03A8F6;}
        </style>
    </head>
    <body>
        <form action="{|U('edit')}" method="post">
            <input type="hidden" name="{$tpl_config.name}" value="{$tpl_config.value}"/>
            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">基本配置</a></li>
                    <li><a href="#tabs-2">模板风格</a></li>
                </ul>
                <div id="tabs-1">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                      <tbody>
                      {list from="$base_config" name="$n"}
                      <tr>
                        <td width="100" height="26" class="bline"><font color="">{$n.title}：</font></td>
                        {if value="$n.name<>flag"}
                        <td class="bline">
                          <input type="text" class="iptxt" size="30" name="{$n.name}" value="{$n.value}"><span class="desc"> ({$n.message})</span>
                        </td>
                        {else}
                        <td class="bline ccc">开启<input type="radio" class="radio" name="flag" {if value="$n.value"} checked="checked" {/if} value="1">　关闭<input type="radio" class="radio" name="flag" {if value="$n.value<>1"} checked="checked" {/if} value="0">
                        </td>
                        {/if}
                      </tr>
                      {/list}
                      </tbody>
                    </table>
                  </div>
                  <div id="tabs-2">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                      <tbody>
                      <tr class="tpl_style">
                        <td  colspan="2" height="26" class="bline" style="border:none;">
                          <font style="font-size:15px;font-weight:700;">模板风格:</font>
                          <ul>  
                            {list from="$tpl_styles" name="t"}
                                <li tplstyle="{$t.style}" {if value="$t.style==$tpl_config.value"} class='select'{/if}>
                                      <a href="javascript:void(0);">
                                       <img src="{$t.short|default:$defaultjpg}"/>
                                      </a>
                                      <a href="javascript:void(0);">{$t.name|default:"未命名"}</a></br>
                                        <span>{$t.author|default:"EasyCMS"}</span>
                                        <span>{$t.email|default:"EasyCMS@gmail.com"}</span>
                                </li>
                              {/list}
                          </ul>
                        </td>
                      </tr>
                      </tbody>
                    </table>
                </div>
                
                <div style="padding-left:10px;">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                      <tbody>
                         <tr>
                           <td align="left" colspan="2" style="padding-left:15px;">
                               <input class="menu_submit" type="submit" value="确认设置">
                           </td>
                           
                        </tr>
                      </tbody>
                    </table>
                </div>
            </div>

        </form>
    </body>
</html>
